<!--header_bottom starts-->
<div id="header_bottom">
  <div class="container clearfix">
    <div class="grid_12"> 
      
      <!--slideshow starts-->
      <div id="slideshow"> 
        
        <!--images for slider here-->
        <div id="slider" class="nivoSlider"> <img src="images/preview/slide-1.jpg" width="912" height="350" alt="image" title='#caption1' /> <img src='images/preview/slide-2.jpg' width="912" height="350" alt="image" title='#caption2' /> <img src='images/preview/slide-3.jpg' width="912" height="350" alt="image"  title='#caption3' /> </div>
        
        <!--caption for slide one starts-->
        <div id="caption1" class="caption-hide">
          <p>Claritas est etiam processus dynamicus</p>
          <span class="heading1">Softone advantage.</span> <span class="heading3">Make your app visible to plethora of <span class="color">accumsan etiusto</span> odio.</span> <a href="#" class="button_appstore"></a>
          <div class="clear"></div>
        </div>
        <!--caption for slide one ends--> 
        
        <!--caption for slide two starts-->
        <div id="caption2" class="caption-hide"> <span class="heading2">Claritas est etiam processus </span>
          <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat <span class="color">nulla facilisis</span> at vero eros et accumsan duis dolore te feugait nulla facilisi.</p>
          <a href="#" class="top_padding">Learn more &raquo;</a> </div>
        <!--caption for slide two ends--> 
        
        <!--caption for slide three starts-->
        <div id="caption3" class="caption-hide"> <span class="heading2">Autem vel eum iriure hendrerit velit.</span>
          <ul class="list3 clearfix">
            <li>Legentis in iis qui facit eorum.</li>
            <li>Luptatum zzril delenit augue.</li>
            <li>Claritas est etiam processus </li>
            <li>Duis autem vel eum iriure </li>
          </ul>
        </div>
        <!--caption for slide three ends--> 
        
      </div>
      <!--slideshow ends--> 
      
      <!--action starts-->
      <div class="action1 clearfix">
        <h1><span>Introducing softone HTML lorem ipsum dolor template</span></h1>
        <p>Mac OS X 10.6 or later required </p>
        <span class="spacer_20px"></span> 
        
        <!--button wrapper here-->
        <div class="button_wrapper">
          <ul>
            <li><a href="#" class="button button-orange"> <span><img src="images/icons/button/button-icon1-orange.png" width="17" height="16" alt="icon">Buy now</span> </a></li>
            <li><span class="or">or</span></li>
            <li class="last"><a href="#" class="button button-orange"> <span><img src="images/icons/button/button-icon2-orange.png" width="17" height="16" alt="icon">Download</span> </a></li>
          </ul>
        </div>
      </div>
      <!--action ends-->
      
      <div class="clear"></div>
    </div>
  </div>
</div>
<!--header_bottom ends--> 